<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>业务受理页面</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- 项目基准路径 -->
<base href="/bestinc/"/>

<!-- 引入layui的css -->
<link rel="stylesheet" href="static/layui/css/layui.css"  media="all">

<!-- 引入自定义工具css -->
<link rel="stylesheet" href="static/css/delivery/businessRecsipt.css" media="all">
<link rel="stylesheet" href="static/css/util.css"  media="all">

<!-- 引入jqeury -->
<script src="static/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>

<!-- 引入layui的js -->
<script src="static/layui/layui.js" type="text/javascript" charset="utf-8"></script>

<!-- 引入资源js -->
<script src="static/js/delivery/businessRecsipt/businessRecsipt.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
	<div class="layui-tab" lay-filter="demo">
		<ul class="layui-tab-title">
			<li class="layui-this">业务受理</li>
			<li>查询</li>
		</ul>
		<!-- 业务受理 -->
		<div class="layui-tab-content">
			<div class="layui-tab-item layui-show">
				<div class="mailDivContent">
					<h2 style="float: none;">寄件</h2>
					<div class="mailDivContentIn">
						<form id="mailForm" lay-filter="mailForm" class="layui-form" action="">
							<div class="mailDivContent-left">
								<div class="header">
									<h2 class="title">◆ 网上寄件 ◆</h2>
									<span>上门取件时间以客服电话确认为准。 </span>
								</div>
								<div class="lump">
									<div class="">
										<h2>寄件人信息</h2>
										<div class="layui-input-block">
											<i class="line"></i>
										</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">手机/固话</label>
										<div class="layui-input-block">
											<input type="text" name="senderPhone" lay-verify="required"
												placeholder="请输入手机/固话" autocomplete="off" id="senderPhone"
												class="layui-input">
										</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">姓名</label>
										<div class="layui-input-block">
											<input type="text" name="sender" id="sender" lay-verify="required"
												placeholder="请输入姓名" autocomplete="off" class="layui-input">
										</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">上门地址</label>
										<div class="layui-input-block">
											<div class="layui-row">
												<div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
													<select name="province" id ="province" lay-filter="province" lay-verify="" lay-search>
				 									
				 									</select> 
												</div>
												<div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
													<select name="city" id="city" lay-filter="city" lay-verify="" lay-search>
			      	  
				 									</select>
												</div>
												<div class="layui-col-xs4 layui-col-sm12 layui-col-md4">
													<select name="district" id="district" lay-filter="district" lay-verify="" lay-search>
			      	 
				 									</select>
												</div>
											</div>
										</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">详细地址</label>
										<div class="layui-input-block">
											<input type="text" name="senderAddress" lay-verify="required"
												placeholder="请输入详细地址(街道门牌信息)" id="senderAddress" autocomplete="off"
												class="layui-input">
										</div>
									</div>
									<!-- <div class="layui-form-item">
										<label class="layui-form-label">预约时间</label>
										<div class="layui-input-block">
											<input type="text" name="pickTime" data-date-format="yyyy-mm-dd hh:ii:ss" lay-verify="required"
												placeholder="请选择预约取件时间" class="layui-input">
										</div>
									</div> -->
									<div class="layui-inline">
								      	<label class="layui-form-label" style="width:100px;">预约取件时间</label>
								      	<div class="layui-input-inline">
								       		<input type="text" class="layui-input" id="pickTime" name="pickTime" placeholder="yyyy-MM-dd HH:mm:ss">
								      	</div>
								    </div>
								</div>
								<div class="lump">
									<div class="">
										<h2>收件人信息</h2>
										<div class="layui-input-block">
											<i class="line"></i>
										</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">姓名</label>
										<div class="layui-input-block">
											<input type="text" name="addressee" placeholder="请输入姓名" autocomplete="off" class="layui-input">
										</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">手机/固话</label>
										<div class="layui-input-block">
											<input type="text" name="addresseePhone" placeholder="请输入手机/固话" autocomplete="off"
												class="layui-input">
										</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">上门地址</label>
										<div class="layui-input-block">
											<div class="layui-row">
												<div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
													<select name="provinces" id ="provinces" lay-filter="provinces" lay-search>
				 									
				 									</select>
												</div>
												<div class="layui-col-xs6 layui-col-sm6 layui-col-md4">
													<select name="citys" id="citys" lay-filter="citys" lay-search>
			      	  
				 									</select>
												</div>
												<div class="layui-col-xs4 layui-col-sm12 layui-col-md4">
													<select name="districts" id="districts" lay-filter="districts" lay-search>
			      	 
				 									</select>
												</div>
											</div>
										</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">详细地址</label>
										<div class="layui-input-block">
											<input type="text" name="addresseeAddress" placeholder="请输入详细地址(街道门牌信息)" autocomplete="off"
												class="layui-input">
										</div>
									</div>
								</div>
								<div class="lump">
									<div class="">
										<h2>物品信息</h2>
										<div class="layui-input-block">
											<i class="line"></i>
										</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">请选择重量</label>
										<div class="layui-input-block">
											<select name="weight" lay-filter="aihao">
												<option value="0">1公斤以下</option>
												<option value="1">1~5公斤</option>
												<option value="2">5公斤以上</option>
											</select>
										</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">产品时限</label>
										<div class="layui-input-block">
											<select name="product" lay-filter="aihao">
												<option value="">请选择</option>
												<option value="0">普通</option>
												<option value="1">快件</option>
												<option value="2">同城</option>
											</select>
										</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">件数</label>
										<div class="layui-input-block">
											<input type="text" name="numberOfPackages" placeholder="请输入件数" class="layui-input">
										</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">体积</label>
										<div class="layui-input-block">
											<input type="text" name="volume" placeholder="请输入体积(m³)" class="layui-input">
										</div>
									</div>
									
									<div class="layui-form-item">
										<label class="layui-form-label">备注</label>
										<div class="layui-input-block">
											<input type="text" name="commonRemarks" placeholder="易碎品、液体贵重物品等请特别说明" autocomplete="off"
												class="layui-input">
										</div>
									</div>
								</div>
								<div class="layui-form-item">
									<div class="layui-input-block">
										<button type="submit" class="layui-btn  my-bg-green"
											lay-submit="" lay-filter="submitBtn" id="submitBtn">立即提交</button>
									</div>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
			<!-- ---------------------------查询------------------------------------------------------ -->
			<div class="layui-tab-item">
				<!-- 头部搜索框 -->
				<div id="content">
					<div id="search-header">
						<form class="layui-form">
							<div class="layui-form-item">
								<div class="layui-inline">
									<label class="layui-form-label">客户名</label>
									<div class="layui-input-inline">
										<input type="text" name="customerName" id="customerName"
											placeholder="请输入" autocomplete="off" class="layui-input">
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label">联系人</label>
									<div class="layui-input-inline">
										<input type="text" name="contacts" id="contacts"
											placeholder="请输入" autocomplete="off" class="layui-input">
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label">联系人电话</label>
									<div class="layui-input-inline">
										<input type="text" name="contactsPhone" id="contactsPhone" placeholder="请输入"
											autocomplete="off" class="layui-input">
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label">取件地址</label>
									<div class="layui-input-inline">
										<input type="text" name="pickupAddress" id="pickupAddress"
											placeholder="请输入" autocomplete="off" class="layui-input">
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label">取件城市</label>
									<div class="layui-input-inline">
										<input type="text" name="recipients" id="recipients"
											placeholder="请输入" autocomplete="off" class="layui-input">
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label">派单是否成功</label>
									<div class="layui-input-inline">
										<select name="orderType" lay-filter="orderType">
											<option value=""></option>
											<option value="Y">是</option>
											<option value="N">否</option>
										</select>
									</div>
								</div>
								<div class="layui-inline">
									<label class="layui-form-label"></label>
									<div class="layui-input-inline">
										<button class="layui-btn" lay-submit="" lay-filter="businessRptBtn" id="businessRptBtn">
											<i class="layui-icon layui-icon-search"></i> 查询
										</button>
										<button class="layui-btn" type="reset">
											<i class="layui-icon layui-icon-refresh"></i> 重置
										</button>
									</div>
								</div>
							</div>
						</form>
					</div>
					<!-- 数据表格 -->
					<div id="dataDiv">
						<table class="layui-hide" id="businessRptTable" lay-filter="businessRptTableEvent">

						</table>
					</div>
					<div id="dataDiv">
						<table class="layui-hide" id="workOrderTable" lay-filter="workOrderTableEvent">

						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<!-- 头部工具栏  
	<script type="text/html" id="businessRptToolbar">
  		<div class="layui-btn-group">
			<button lay-event="addRiparea" class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon">&#xe654;</i></button>
			<button lay-event="updateRiparea" class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon">&#xe642</i></button>
    		<button lay-event="removeRiparea" class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon">&#xe640;</i></button>
			<button lay-event="restoreRiparea" class="layui-btn layui-btn-primary layui-btn-sm"><i class="layui-icon">&#xe666;</i></button>
  		</div>
	</script> -->
</body>

</html>